﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>UI Demo</title>
    <link rel="stylesheet" href="Themes/jquery.mobile-1.1.0-rc.1.min.css" />
    <link rel="stylesheet" href="Themes/jquery.mobile.scrollview.css" />
    <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="Scripts/jquery.mobile-1.1.0-rc.1.min.js"></script>
    <script type="text/javascript" src="Scripts/jquery.mobile.scrollview.js"></script>
    <script type="text/javascript" src="Scripts/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="Scripts/scrollview.js"></script>
    <script type="text/javascript">
    </script>
    <style type="text/css">
    </style>
</head>
<body>
    <div data-role="page" id="home">
        <div data-role="header">
            <a href="index.html" data-icon="home" data-iconpos="notext">Home</a>
            <h1>
                Home</h1>
            <a href="index.html" data-icon="gear" data-iconpos="notext">Options</a>
        </div>
        <div data-role="content">
            <ul data-role="listview">
                <li><a href="http://www.baidu.com">Pretty row 1</a></li>
                <li><a href="#">Pretty row 2</a></li>
                <li><a href="#">Pretty row 3</a></li>
                <li><a href="#">Pretty row 4</a></li>
                <li><a href="#">Pretty row 5</a></li>
                <li><a href="#">Pretty row 6</a></li>
                <li><a href="#">Pretty row 7</a></li>
                <li><a href="#">Pretty row 8</a></li>
                <li><a href="#">Pretty row 9</a></li>
                <li><a href="#">Pretty row 10</a></li>
                <li><a href="#">Pretty row 11</a></li>
                <li><a href="#">Pretty row 12</a></li>
                <li><a href="#">Pretty row 13</a></li>
                <li><a href="#">Pretty row 14</a></li>
                <li><a href="#">Pretty row 15</a></li>
                <li><a href="#">Pretty row 16</a></li>
                <li><a href="#">Pretty row 17</a></li>
                <li><a href="#">Pretty row 18</a></li>
                <li><a href="#">Pretty row 19</a></li>
                <li><a href="#">Pretty row 20</a></li>
                <li><a href="#">Pretty row 21</a></li>
                <li><a href="#">Pretty row 22</a></li>
                <li><a href="#">Pretty row 23</a></li>
                <li><a href="#">Pretty row 24</a></li>
                <li><a href="#">Pretty row 25</a></li>
                <li><a href="#">Pretty row 26</a></li>
                <li><a href="#">Pretty row 27</a></li>
                <li><a href="#">Pretty row 28</a></li>
                <li><a href="#">Pretty row 29</a></li>
                <li><a href="#">Pretty row 30</a></li>
                <li><a href="#">Pretty row 31</a></li>
                <li><a href="#">Pretty row 32</a></li>
                <li><a href="#">Pretty row 33</a></li>
                <li><a href="#">Pretty row 34</a></li>
                <li><a href="#">Pretty row 35</a></li>
                <li><a href="#">Pretty row 36</a></li>
                <li><a href="#">Pretty row 37</a></li>
                <li><a href="#">Pretty row 38</a></li>
                <li><a href="#">Pretty row 39</a></li>
                <li><a href="#">Pretty row 40</a></li>
            </ul>
        </div>
        <div data-role="footer">
            <div data-role="navbar">
                <ul>
                    <li><a href="#home" class="ui-btn-active">Home</a></li>
                    <li><a href="#two">Two</a></li>
                    <li><a href="#three">Three</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div data-role="page" id="two">
        <div data-role="header">
            <h1>
                Two</h1>
        </div>
        <div data-role="content">
        </div>
        <div data-role="footer">
            <div data-role="navbar">
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#two" class="ui-btn-active">Two</a></li>
                    <li><a href="#three">Three</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div data-role="page" id="three">
        <div data-role="header">
            <h1>
                Three</h1>
        </div>
        <div data-role="content">
        </div>
        <div data-role="footer">
            <div data-role="navbar">
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#two">Two</a></li>
                    <li><a href="#three" class="ui-btn-active">Three</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>
